<template>
	<view>
		<u-navbar :fixed="true" :autoBack="false" :placeholder="true">
			<view slot="left"></view>
			<view slot="center" style="width: 100%">
				<view class="flex align-center justify-between">
					<view @click="toSearch" class="flex align-center navbar "
						style="flex-direction: row; position:relative;background: rgba(30,30,30,0.05);">
						<image src="/static/search.png" mode="" style="width: 30rpx; height: 30rpx;margin-left: 22rpx;">
						</image>
						<text style="color: #999999; font-size: 28rpx;margin-left: 20rpx;">木槿整木设计工作室</text>
					</view>
					<view style="width:88rpx; height:88rpx;text-align:center;line-height: 88rpx;margin-right: 30rpx;"
						@click="black()">
						<image src="../../static/cliend/6.png" mode="" style="width: 100%;height: 100%;"></image>
					</view>
				</view>
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// navbar 背景


			}
		},
		methods: {
			toSearch() {
				uni.navigateTo({
					url: "/pages/index/search",
					animationType: 'zoom-fade-out',
					animationDuration: 500,
				});
			},
			//跳转到消息列表
			black() {
				this.$tools.goPageNoAuth('/pages/information/chatPage')
			}
		}
	}
</script>

<style lang="scss">
	.navbar {
		width: 594rpx;
		height: 66rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		margin-left: 30rpx;
	}
</style>
